@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body {
    width: 100%;
    height: 100%;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
    >header {
        width: 100%;
        height: r(86);
        position: absolute;
        top: 0;
        background: #f7f7f7;
        margin: 0 auto;
        border-bottom: r(1) solid #c1c1c1;
        padding: 0 r(20);
        .img{
            float: left;
            margin-top: r(20);
            width: r(22);
            height: r(37);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .nav {
            width: 50%;
            margin: 0 auto;
            text-align: center;
            line-height: r(86);
            span {
                font-size: r(35);
                color: #333333;
            }
        }
        .search {
            float: right;
            line-height: r(86);
            position: relative;
            img{
                width: r(30);
                height: r(30);
            }
        }
    }
    >section {
        width: 100%;
        position: absolute;
        top: r(86);
        bottom: r(0);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        .bg{
            width: 100%;
            height: r(400);
            padding-top: r(44);
            text-align: center;
            background: url(../img/supplier_signbg.jpg) no-repeat;
            background-size: r(640) r(400);
            .logo{
                width: r(120);
                height: r(120);
                margin: 0 auto;
                border-radius: 50%;
                background: #ffffff;
                border: r(5) solid #d5d6ef;
                img{
                    width: r(90);
                    height: r(90);
                    border-radius: 50%;
                    margin: r(10) auto;
                }
            }
            p{
                margin-top: r(20);
                font-size: r(35);
                color: #fefefe;
            }
            span{
                font-size: r(24);
                color: #fefefe;
            }
            a{
                width: r(160);
                height: r(50);
                line-height: r(50);
                text-align: center;
                background: #83d050;
                border-radius: r(8);
                display: inline-block;
                font-size: r(24);
                color: #ffffff;
            }
        }
        .type{
            width: 100%;
            height: r(80);
            ul li{
                width: 50%;
                height: r(80);
                line-height: r(80);
                text-align: center;
                font-size: 0;
                span{
                    display: inline-block;
                    text-align: center;
                    width: r(106);
                    height: r(80);
                    font-size: r(26);
                    a{
                        color: #666666;
                    }
                }
                span.active{
                    color: #d62d31;
                    border-bottom: 4px solid #d62d31;
                }
            }
        }
        .hr{
            width: 100%;
            height: r(25);
            background: #f3f4f6;
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
        }
        .introduction{
            width: 100%;
            padding: r(20);
            font-size: r(28);
            color: #333333;
            p:first-child{
                color: #696969;
                margin-right: r(80);
            }
        }
        .info{
            height: r(80);
            border-bottom: 1px solid #dedede;
            p:last-child{
                vertical-align: middle;
                img{
                    width: r(40);
                    height: r(40);
                    vertical-align: middle;
                    margin-right: r(12);
                }
            }
        }
        .er{
            border-bottom: 0;
        }
        .san{
            p:last-child{
                color: #133dc7;
            }
        }
        .foot{
            width: 100%;
            height: r(96);
            background: #f3f4f6;
        }
    }
}